@import "common";
// .main {
.top {
  width: vw(750);
  height: vw(150);
  box-sizing: border-box;
  padding: 0 vw(23);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top_left {
  width: vw(123);
  height: vw(123);
  background: url(../img/LOGO.png) no-repeat center center/contain;
}
.top_center {
  width: vw(266);
  height: vw(51);
  border: solid orange vw(2);
  border-radius: vw(25);
  span {
    font-size: vw(24);
    color: #777777;
    line-height: vw(51);
    margin-left: vw(25);
    vertical-align: top;
  }
  div {
    width: vw(36);
    height: vw(33);
    display: inline-block;
    margin-top: vw(10);
    margin-left: vw(10);
    background: url(../img/搜索矩.png) no-repeat center center/contain;
  }
}
.top_right {
  width: vw(159);
  height: vw(56);
  border: solid orange vw(2);
  span {
    font-size: vw(26);
    vertical-align: top;
    margin-left: vw(15);
    line-height: vw(56);
  }
  div {
    width: vw(32);
    height: vw(16);
    display: inline-block;
    margin: vw(23) 0 0 vw(12);
    background: url(../img/城市切换下拉.png) center center/contain;
  }
}
img {
  width: vw(750);
  height: vw(287);
  margin-top: vw(10);
}
// 优惠团购部分
.tuangou {
  margin: vw(33) auto vw(17);
  display: flex;
  height: vw(54);
  width: vw(708);
  display: flex;
  justify-content: space-between;
  .t_left {
    display: flex;
    .star {
      width: vw(56);
      height: 100%;
      background: url(../img/团购.png) no-repeat center center/contain;
    }
    span {
      font-size: vw(30);
      line-height: vw(54);
      margin-left: vw(8);
    }
  }
  .t_right {
    display: flex;
    span {
      font-size: vw(24);
      margin-top: vw(20);
    }
    .arrow {
      width: vw(25);
      height: vw(26);
      background: url(../img/形状4副本3.png) no-repeat center center/contain;
      margin: vw(19) 0px 0px vw(6);
    }
  }
}
.four {
  margin: 0 auto;
  width: vw(708);
  height: vw(223);
  .first,
  .second,
  .third,
  .fourth {
    display: inline-block;
    width: vw(241);
    height: vw(97);
    background: url(../img/图层5.png) no-repeat center center/contain;
    margin: 0 0 0 vw(56);
  }
  .second {
    background: url(../img/图层7.png) no-repeat center center/contain;
    margin: 0 0 0 vw(104);
  }
  .third {
    background: url(../img/图层6.png) no-repeat center center/contain;
    margin: vw(29) 0 0 vw(56);
  }
  .fourth {
    background: url(../img/图层8.png) no-repeat center center/contain;
    margin: vw(29) 0 0 vw(104);
  }
}
// 猜你喜欢部分
.like {
  margin: vw(33) auto vw(10);
  display: flex;
  height: vw(54);
  width: vw(708);
  display: flex;
  justify-content: space-between;
  .l_left {
    display: flex;
    .heart {
      width: vw(56);
      height: 100%;
      background: url(../img/形状5.png) no-repeat center center/contain;
    }
    span {
      font-size: vw(30);
      line-height: vw(54);
      margin-left: vw(8);
    }
  }
  .l_right {
    display: flex;
    span {
      font-size: vw(24);
      margin-top: vw(20);
    }
    .arrow {
      width: vw(25);
      height: vw(26);
      background: url(../img/形状4副本3.png) no-repeat center center/contain;
      margin: vw(19) 0px 0px vw(6);
    }
  }
}
.sushi {
  width: vw(732);
  height: vw(164);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  .pic1 {
    width: vw(211);
    height: 100%;
    background: url(../img/图层3.png) no-repeat center center/contain;
    margin: 0 vw(21) 0 vw(16);
  }
  .text {
    width: vw(695);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    .text_top {
      display: flex;
      justify-content: space-between;
      span:nth-child(1) {
        font-size: vw(30);
        font-weight: bold;
      }
      span:nth-child(2) {
        font-size: vw(22);
        color: #494949;
      }
    }
    .text_mid {
      span {
        font-size: vw(22);
        color: #494949;
      }
    }
    .text_bottom {
      display: flex;
      justify-content: space-between;
      span:nth-child(1) {
        font-size: vw(32);
        color: #ff9344;
      }
      span:nth-child(2) {
        font-size: vw(22);
        color: #494949;
      }
    }
  }
}
.duck {
  width: vw(732);
  height: vw(164);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  .pic1 {
    width: vw(211);
    height: 100%;
    background: url(../img/图层4.png) no-repeat center center/contain;
    margin: 0 vw(21) 0 vw(16);
  }
  .text {
    width: vw(695);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    .text_top {
      display: flex;
      justify-content: space-between;
      span:nth-child(1) {
        font-size: vw(30);
        font-weight: bold;
      }
      span:nth-child(2) {
        font-size: vw(22);
        color: #494949;
      }
    }
    .text_mid {
      span {
        font-size: vw(22);
        color: #494949;
      }
    }
    .text_bottom {
      display: flex;
      justify-content: space-between;
      span:nth-child(1) {
        font-size: vw(32);
        color: #ff9344;
      }
      span:nth-child(2) {
        font-size: vw(22);
        color: #494949;
      }
    }
  }
}
//   .push {
//     height: vw(120);}
// }
